<!DOCTYPE html>
<html>
  <head>
    <meta http-equiv="Content-type" content="text/html; charset=utf-8" />
    <%= csrf_meta_tag %>
    <title>Miclle</title>
    <%= stylesheet_link_tag "style", "jquery.fancybox-1.3.1" %>
    <%= javascript_include_tag "jquery-1.4.1.min", "jquery-func", "jquery-ui-1.8.custom.min", "jquery.easing-1.3.pack",
      "jquery.fancybox-1.3.1.pack", "jquery.jcarousel.pack", "jquery.mousewheel-3.0.2.pack" %>
  </head>
  <body>

    <!-- Top Line -->
    <div class="line">
      <div class="shell">

        <!-- Header -->
        <div id="header">
          <!-- Logo -->
          <h1 id="logo"><a href="index.html">SugarCoated</a></h1>
          <!-- End Logo -->

          <!-- Search + Socials -->
          <div id="top">
            <div class="socials">
              <a href="#" class="rss-link">RSS</a>
              <a href="#" class="facebook-link">Facebook</a>
              <a href="http://twitter.com/miclle" class="twitter-link">Twitter</a>
            </div>
            <div class="search">
              <form action="" method="post">
                <span class="field"><input class="blink" value="I am looking for..." title="I am looking for..." type="text" /></span>
                <input class="notext submit-search" value="Search" type="submit" />
              </form>
            </div>
          </div>
          <!-- End Search + Socials -->

          <div class="cl">&nbsp;</div>

          <!-- Navigation -->
          <div id="navigation">
            <ul>
              <li>
                <%= link_to root_path do %>
                  <span>Home</span>
                <% end %>
              </li>

              <li>
                <%= link_to about_path do %>
                  <span>About</span>
                <% end %>
              </li>

              <li>
                <%= link_to services_path, :class => "has-dd" do %>
                  <span>Services</span>
                <% end %>

                <div style="display: none;" class="dd">
                  <ul class="fixlast">
                    <li><a href="service-detailed.html">Service 1</a></li>
                    <li>
                      <a class="has-dd" href="service-detailed.html">Service 2</a>
                      <div class="dd">
                        <ul class="fixlast">
                          <li><a href="service-detailed.html">Service 2.1</a></li>
                          <li>
                            <a class="has-dd" href="service-detailed.html">Service 2.2</a>
                            <div class="dd">
                              <ul class="fixlast">
                                <li><a href="service-detailed.html">Service 2.1</a></li>
                                <li><a href="service-detailed.html">Service 2.2</a></li>
                                <li class="last"><a href="service-detailed.html">Service 2.3</a></li>
                              </ul>
                            </div>
                          </li>
                          <li class="last"><a href="service-detailed.html">Service 2.3</a></li>
                        </ul>
                      </div>
                    </li>
                    <li><a href="service-detailed.html">Service 3</a></li>
                    <li class="last">
                      <a class="has-dd" href="service-detailed.html">Service 4</a>
                      <div class="dd">
                        <ul class="fixlast">
                          <li><a href="service-detailed.html">Link 1</a></li>
                          <li><a href="service-detailed.html">Link 2</a></li>
                          <li><a href="service-detailed.html">Link 3</a></li>
                          <li><a href="service-detailed.html">Link 4</a></li>
                          <li><a href="service-detailed.html">Link 5</a></li>
                          <li class="last"><a href="service-detailed.html">Link 6</a></li>
                        </ul>
                      </div>
                    </li>
                  </ul>
                </div>
              </li>

              <li>
                <%= link_to projects_path, :class => "has-dd" do %>
                  <span>Projects</span>
                <% end %>

                <div style="display: none;" class="dd">
                  <ul class="fixlast">
                    <li><a href="projects.html">Projects style 1</a></li>
                    <li><a href="projects2.html">Projects style 2</a></li>
                    <li><a href="projects3.html">Projects style 3</a></li>
                    <li><a href="projects4.html">Projects style 4</a></li>
                    <li class="last"><a href="project-detailed.html">Project Detailed</a></li>
                  </ul>
                </div>
              </li>

              <li>
                <%= link_to posts_path, :class => "has-dd" do %>
                  <span>Blog</span>
                <% end %>
                <div style="display: none;" class="dd">
                  <ul class="fixlast">
                    <li><a href="blog.html">Web Design</a></li>
                    <li><a href="blog.html">Applications</a></li>
                    <li><a href="blog.html">Portals</a></li>
                    <li><a href="blog.html">Typography</a></li>
                    <li class="last"><a href="blog-detailed.html">Post Detailed</a></li>
                  </ul>
                </div>
              </li>

              <li>
                <%= link_to contact_path, :class => "has-dd" do %>
                  <span>Contact</span>
                <% end %>
              </li>

              <li>
                <a class="has-dd" href="#"><span>Templates</span></a>
                <div style="display: none;" class="dd">
                  <ul class="fixlast">
                    <li><a href="email-template/">Email Template</a></li>
                    <li><a href="index.html">Home Style 1</a></li>
                    <li><a href="home2.html">Home Style 2</a></li>
                    <li><a href="home3.html">Home Style 3</a></li>
                    <li><a href="gallery.html">Gallery</a></li>
                    <li><a href="#" class="login-link">Login</a></li>
                    <li><a href="error.html">Error Page</a></li>
                    <li><a href="under-construction.html">Under Construction</a></li>
                    <li><a href="full-page.html">Full Page</a></li>
                    <li><a href="left-sidebar.html">Left Sidebar</a></li>
                    <li><a href="right-sidebar.html">Right Sidebar</a></li>
                    <li><a href="3columns.html">3 Columns</a></li>
                    <li><a href="sitemap.html">Sitemap</a></li>
                    <li class="last"><a href="styles.html">Styles</a></li>
                  </ul>
                </div>
              </li>
            </ul>
          </div>
          <!-- End Navigation -->

        </div>
        <!-- End Header -->

        <!-- Main -->
        <%= yield %>
        <!-- End Main -->

      </div>
    </div>
    <!-- End Top Line -->


    <!-- Bottom Line -->
    <div class="line">
      <!-- Footer -->
      <div id="footer">
        <div id="footer-bg">
          <div class="shell">

            <div class="cols">
              <div class="cl">&nbsp;</div>

              <!-- Bottom Col -->
              <div class="col col1">
                <h3>STYLINGS</h3>
                <ul>
                  <li><a href="email-template/">Email Template</a></li>
                  <li><a href="gallery.html">Gallery</a></li>
                  <li><a href="#" class="login-link">Login</a></li>
                  <li><a href="error.html">Error Page</a></li>
                  <li><a href="under-construction.html">Under Construction</a></li>
                  <li><a href="sitemap.html">Sitemap</a></li>
                  <li><a href="styles.html">Styles</a></li>
                </ul>
              </div>
              <!-- End Bottom Col -->

              <!-- Bottom Col -->
              <div class="col col1">
                <h3>LATEST WORK</h3>
                <ul>
                  <li><a href="http://chocotemplates.com/gui-free-css-template/spring-time/">Spring Time / free html template</a></li>
                  <li><a href="http://chocotemplates.com/corporate-free-css-template/simple-solution/">Simple Solution / free html template</a></li>
                  <li><a href="http://chocotemplates.com/corporate-free-css-template/onfocus/">Onfocus / premium html template</a></li>
                  <li><a href="http://chocotemplates.com/ecommerce-free-css-template/shop-around/">Shop Around / free html template</a></li>
                  <li><a href="http://chocotemplates.com/corporate-free-css-template/outliers/">Outliers / free html template</a></li>
                  <li><a href="http://chocotemplates.com/corporate-free-css-template/market-leader/">Market Leader / free html template</a></li>
                  <li><a href="http://chocotemplates.com/ecommerce-free-css-template/wind-the-air/">Wing the Air / free html template</a></li>
                </ul>
              </div>
              <!-- End Bottom Col -->

              <!-- Bottom Col -->
              <div class="col col-right col1">
                <h3>Newsletter</h3>
                <div class="subscribe">
                  <p>NO SPAM! Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
                  <p><span class="field"><input class="blink" value="Enter your email" title="Enter your email" type="text" /></span></p>
                  <p>
                    <input class="checkbox" id="check1" type="checkbox" />
                    <label for="check1">Lorem ipsum dolor sit amet, consectetur </label>
                  </p>
                  <p>
                    <input class="notext submit-button" value="Submit" type="submit" />
                  </p>
                </div>
              </div>
              <!-- End Bottom Col -->

              <div class="cl">&nbsp;</div>
            </div>

            <a href="#" class="toggle"></a>
          </div>
        </div>
      </div>
      <!-- End Footer -->
    </div>
    <!-- End Bottom Line -->

    <!-- Bottom Navigation -->
    <div id="bottom">
      <div class="shell">
        <p class="left">
          <a href="index.html">Home</a>
          <a href="about.html">About</a>
          <a href="services.html">Services</a>
          <a href="projects.html">Projects</a>
          <a href="blog.html">Blog</a>
          <a href="contact.html">Contact</a>
        </p>
        <p class="right">
			© SugarCoated. Design by <a href="http://chocotemplates.com" target="_blank" title="The Sweetest CSS Templates WorldWide">Chocotemplates.com</a>
        </p>
      </div>
    </div>
    <!-- End Bottom Navigation -->


    <!-- Login -->
    <div id="screen"></div>

    <div class="abs-holder">
      <div class="login">
        <div class="login-t">
          <div class="login-b">
            <form action="" method="post">

              <h3>Login</h3>
              <p><span class="field"><input class="blink" value="Username" title="Username" type="text" /></span></p>
              <p><span class="field"><input class="blink" value="Password" title="Password" type="password" /></span></p>
              <input class="notext login-button" value="Submit" type="submit" />
              <p class="remember">
                <input class="checkbox" value="" id="login-check" type="checkbox" />
                <label for="login-check">Remember me</label>
              </p>
              <p>
                <span class="alert">Invalid Username or Password!</span>

              </p>
              <div class="cl">&nbsp;</div>
            </form>
          </div>
        </div>
      </div>
    </div>
    <!-- End Login -->

    <div id="fancybox-tmp"></div>
    <div id="fancybox-loading"><div></div></div>
    <div id="fancybox-overlay"></div>
    <div id="fancybox-wrap">
      <div id="fancybox-outer">
        <div class="fancy-bg" id="fancy-bg-n"></div>
        <div class="fancy-bg" id="fancy-bg-ne"></div>
        <div class="fancy-bg" id="fancy-bg-e"></div>
        <div class="fancy-bg" id="fancy-bg-se"></div>
        <div class="fancy-bg" id="fancy-bg-s"></div>
        <div class="fancy-bg" id="fancy-bg-sw"></div>
        <div class="fancy-bg" id="fancy-bg-w"></div>
        <div class="fancy-bg" id="fancy-bg-nw"></div>
        <div id="fancybox-inner"></div>
        <a id="fancybox-close"></a>
        <a href="javascript:;" id="fancybox-left"><span class="fancy-ico" id="fancybox-left-ico"></span></a>
        <a href="javascript:;" id="fancybox-right"><span class="fancy-ico" id="fancybox-right-ico"></span></a>
      </div>
    </div>

  </body>
</html>
